<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link  rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
<head lang="en">
    <title>Messages : View</title>
</head>
<body>
<div class="container">
    <div th:replace="fragments :: navbar"></div>
    <div class="float-right mt-2">
        <a class="btn btn-primary btn-sm" href="list.html" th:href="@{/}">Messages</a>
    </div>
    <h4 class="float-left mt-2">Messages : View</h4>
    <div class="clearfix"></div>
    <div class="alert alert-success" th:if="${globalMessage}" th:text="${globalMessage}">Some Success message
    </div>
    <div class="card">
        <div class="card-body">
            <h4 class="card-title" th:text="${message.id + ': ' + message.summary}">123 - A short summary...</h4>
            <h6 class="card-subtitle mb-2 text-muted" th:text="${#calendars.format(message.created)}">July 11, 2012 2:17:16 PM CDT</h6>
            <p class="card-text" th:text="${message.text}">A detailed message that is longer than the summary.</p>
            <p class="card-gender" th:text="${message.gender}">sex.</p>
            <p class="card-gender" th:text="${message.enableFlag}">sex.</p>
            <a class="btn btn-primary btn-sm" href="messages" th:href="@{'/delete/' + ${message.id}}">delete</a>
            <a class="btn btn-primary btn-sm" href="form.html" th:href="@{'/modify/' + ${message.id}}"> modify</a>
        </div>
    </div>
</div>
</body>
</html>